<!DOCTYPE html>
<html lang="en">
<head>
    <title>雅江--松茸</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--关键字编写-->
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- Custom Theme files -->
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
    <link href="css/matsutake.css" type="text/css" rel="stylesheet" media="all">
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link rel="stylesheet" type="text/css" href="css/templatemo-style.css"/>
    <link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
    <link rel="stylesheet" href="css/lightbox.css">

    <style type="text/css">
        /*导航栏样式覆盖结束*/
        /*gallery里的图片*/
        .gallery img{width: 400px;height: 300px;}
        /*传说的颜色覆盖开始*/
        .w3l-services-text:before{border: 2px solid #F1D07F;}
        .w3ls-services-img i.fa{color: #F1D07F;}
        .w3l-services-grid:hover .w3ls-services-img{background: #F1D07F;}
        /*传说的颜色覆盖结束*/
        .subscribe{margin-top: 5em;}
    </style>
</head>
<body>
<!--顶部导航栏开始-->

<div class="tm-header">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-3 tm-site-name-container">
                <a href="#" class="tm-site-name">雅江
                    <img src="images/logo.png" style="width: 2em;height: 2em;"/>
                </a>
            </div>
            <div class="col-lg-9 col-md-8 col-sm-9">
                <div class="mobile-menu-icon">
                    <i class="fa fa-bars"></i>
                </div>
                <nav class="tm-nav">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="yajiang_introduction.html">景区概况</a></li>
                        <li><a href="#"  class="active">雅江松茸</a></li>
                        <li><a href="yajiang_wenhua.html">雅江文化</a></li>
                        <li><a href="yajiang_xinwen.html">景区动态</a></li>
                        <li><a href="yajiang_travelNotes.html">旅游攻略</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>

<!--顶部导航栏结束-->
<!-- banner -->
<div class="agileits-banner bnr-agileinfo">
    <div class="container">
        <div class="banner-w3text w3layouts">
            <h2>Tricholoma matsutake</h2>
            <div class="w3lsmore">
                <a class="w3-agilebtn scroll" href="#"><span>了解更多</span></a>
            </div>
        </div>
    </div>
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome">
    <div class="welcome-agileinfo">
        <div class="col-md-6 agile-welcome-left">
            <div class="col-sm-6 col-xs-6 welcome-w3imgs">
                <figure class="effect-chico">
                    <img src="images/松茸2.jpg" alt="" />
                    <figcaption>
                        <h4>A等松茸</h4>
                        <p>此种松茸品质最佳，在100朵出口级顶级松茸里，最多只有30朵能达到5A标准。</p>
                    </figcaption>
                </figure>
            </div>
            <div class="col-sm-6 col-xs-6 welcome-w3imgs">
                <figure class="effect-chico">
                    <img src="images/松茸16.jpg" alt=" " />
                    <figcaption>
                        <h4>B等松茸</h4>
                        <p>此种松茸指尚未开伞的松茸，其菌盖略大于菌柄。</p>
                    </figcaption>
                </figure>
                <figure class="effect-chico welcome-img2">
                    <img src="images/matsutake3.jpg" alt=" " />
                    <figcaption>
                        <h4>C等松茸</h4>
                        <p>此等松茸值已经开伞的松茸，其孢子已经弹出。</p>
                    </figcaption>
                </figure>
            </div>
            <div class="clearfix"> </div>
        </div>
        <div class="col-md-6 agile-welcome-right">
            <h3 class="agileits-title">保存松茸</h3>
            <h4>新鲜松茸的保存方法</h4>
            <p>新鲜松茸采摘后不易保存，48小时后菌盖表面会出现开裂、脱膜、脱朵等状态，这种松茸被称作老茸，无论是气味口感还是营养价值都大打折扣，所以收购商一般会采用低温保存和航空运输的方式将松茸送到各地的餐厅和酒店手中，有些高级酒店甚至会要求在18个小时内完成采摘到上桌的过程，以确保松茸的新鲜程度。一般来说，松茸的保鲜期只有两天，极限期限也只有三天，采购得到的松茸需立刻放入冷库，而且要在3-5天内使用，以免松茸品质下降或者变质。</p>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!-- //welcome -->
<!-- about -->
<div id="about" class="content-mid">
    <div class="col-sm-3 col-xs-2 content-mid1">
        <div class=" content-mid-img">

        </div>
    </div>
    <div class="col-sm-6 col-xs-8 content-mid2">
        <div class=" grid-middle">
            <div class="grid-mid">
                <h3 class="agileits-title">松茸营养价值丰富</h3>
                <p>松茸除了味道鲜美，还含有较高的营养价值，富含蛋白质、含有18种氨基酸和14种人体必需微量元素、49种活性营养物质、5种不饱和脂肪酸，还含有核酸衍生物，肽类物质等稀有元素。更重要的是，松茸还含有3种珍贵的活性物质，分别是双链松茸多糖、松茸多肽和全世界独一无二的抗癌物质——松茸醇，可以说松茸是世界上最珍贵的天然药用菌类。现代医学表明，松茸具有提高免疫力、抗癌抗肿瘤、治疗糖尿病及心血管疾病、抗衰老养颜、促肠胃保肝脏等多种功效。</p>
                <div class="about-w3lsrow">
                    <div class="bar_group">
                        <!--下面是一些指标，百分比可以修改-->
                        <div class='bar_group__bar thin' label='粗蛋白质&nbsp;&nbsp; 17%' value='17'></div>
                        <div class='bar_group__bar thin' label='粗脂肪 &nbsp;&nbsp; 5.8%' value='5.8'></div>
                        <div class='bar_group__bar thin' label='粗纤维 &nbsp;&nbsp; 8.6%' value='8.6'></div>
                        <div class='bar_group__bar thin' label='灰分 &nbsp;&nbsp; 7.1%' value='7.1'></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-3 col-xs-2 content-mid1">
        <div class=" content-mid-img1">

        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!-- //about -->
<!-- services -->
<div id="services" class="services">
    <div class="container">
        <h3 class="agileits-title">关于松茸的传说</h3>
        <div class="w3-services-grids">
            <div class="col-md-3 col-xs-6 w3l-services-grid">
                <div class="w3l-services-text">
                    <div class="w3ls-services-img">
                        <i class="fa  fa-bell fa-spin" aria-hidden="true"></i>
                    </div>
                    <div class="agileits-services-info">
                        <h4>原爆说</h4>
                        <p>松茸在原子弹爆炸国购的地方都能存活</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-xs-6 w3l-services-grid">
                <div class="w3l-services-text">
                    <div class="w3ls-services-img">
                        <i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
                    </div>
                    <div class="agileits-services-info">
                        <h4>核辐射治疗说</h4>
                        <p>一个被核辐射的日本人松茸产地生活几年恢复健康</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-xs-6 w3l-services-grid">
                <div class="w3l-services-text">
                    <div class="w3ls-services-img">
                        <i class="fa fa-empire fa-spin" aria-hidden="true"></i>
                    </div>
                    <div class="agileits-services-info">
                        <h4>松茸由日本人发现</h4>
                        <p>一个到雅江旅游的日本游客，意外发现了当地居然出产松茸</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-xs-6 w3l-services-grid">
                <div class="w3l-services-text">
                    <div class="w3ls-services-img">
                        <i class="fa fa-safari fa-spin" aria-hidden="true"></i>
                    </div>
                    <div class="agileits-services-info">
                        <h4> 濒危说</h4>
                        <p>不少资料有板有眼地说松茸被列为中国‘国家二级濒危植物’</p>
                    </div>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //services -->
<!-- gallery -->
<div id="gallery" class="gallery">
    <h3 class="agileits-title">松茸图片</h3>
    <div class="gallery-w3lsrow">
        <div class="col-sm-3 col-xs-6 gallery-grids">
            <div class="w3ls-hover">
                <a href="images/松茸7.jpg" data-lightbox="example-set" data-title="炒松茸，美味可口">
                    <img src="images/松茸7.jpg" class="img-responsive zoom-img" alt=""/>
                    <div class="view-caption">
                        <h5>炒松茸</h5>
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-xs-6 gallery-grids">
            <div class="w3ls-hover">
                <a href="images/matsutake6.jpg" data-lightbox="example-set" data-title="松茸山药汤，滋补暖胃">
                    <img src="images/matsutake6.jpg" class="img-responsive zoom-img" alt=""/>
                    <div class="view-caption">
                        <h5>松茸山药汤</h5>
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-xs-6 gallery-grids">
            <div class="w3ls-hover">
                <a href="images/松茸8.jpg" data-lightbox="example-set" data-title="糖醋松茸，江苏口味">
                    <img src="images/松茸8.jpg" class="img-responsive zoom-img" alt=""/>
                    <div class="view-caption">
                        <h5>糖醋松茸</h5>
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-xs-6 gallery-grids">
            <div class="w3ls-hover">
                <a href="images/松茸10.jpg" data-lightbox="example-set" data-title="松茸芸豆汤，味美甘甜">
                    <img src="images/松茸10.jpg" class="img-responsive zoom-img" alt=""/>
                    <div class="view-caption">
                        <h5>松茸芸豆汤</h5>
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-xs-6 gallery-grids">
            <div class="w3ls-hover">
                <a href="images/松茸13.jpg" data-lightbox="example-set" data-title="松茸鸡汤，营养滋补">
                    <img src="images/松茸13.jpg" class="img-responsive zoom-img" alt=""/>
                    <div class="view-caption">
                        <h5>松茸鸡汤</h5>
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-xs-6 gallery-grids">
            <div class="w3ls-hover">
                <a href="images/松茸6.jpg" data-lightbox="example-set" data-title="鸡汁松茸，美味可口">
                    <img src="images/松茸6.jpg" class="img-responsive zoom-img" alt=""/>
                    <div class="view-caption">
                        <h5>鸡汁松茸</h5>
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-xs-6 gallery-grids">
            <div class="w3ls-hover">
                <a href="images/松茸11.jpg" data-lightbox="example-set" data-title="松茸海参，色香味俱全">
                    <img src="images/松茸11.jpg" class="img-responsive zoom-img" alt=""/>
                    <div class="view-caption">
                        <h5>松茸海参</h5>
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                </a>
            </div>
        </div>
        <div class="col-sm-3 col-xs-6 gallery-grids">
            <div class="w3ls-hover">
                <a href="images/松茸12.jpg" data-lightbox="example-set" data-title="干煸松软，美味可口">
                    <img src="images/松茸12.jpg" class="img-responsive zoom-img" alt=""/>
                    <div class="view-caption">
                        <h5>干煸松茸</h5>
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                </a>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
    <!--  light box js -->
    <script src="js/lightbox-plus-jquery.min.js"> </script>
    <!-- //light box js-->
</div>
<!-- //gallery -->
<!-- subscribe -->
<div class="subscribe">
    <div class="container">
        <h3 class="agile-w3title">小树开朝径， 长茸湿夜烟</h3>
    </div>
</div>
<!-- //subscribe -->
<!-- news -->
<div id="news" class="news">
    <div class="container">
        <h3 class="agileits-title">松茸之乡</h3>
        <div class="w3-agileits-news-grids">
            <div class="clearfix"> </div>
        </div>
        <div class="w3-agileits-news-grids  news-w3row2">
            <div class="col-md-6 news-left">
                <div class="w3-agile-news-date">
                    <div class="agile-news-icon">
                        <i class="fa fa-calendar" aria-hidden="true"></i>
                        <p>2013.08.03</p>
                    </div>
                    <div class="agileits-line"> </div>
                </div>
                <div class="w3-agile-news-img">
                    <a href="#myModal" data-toggle="modal"><img src="images/timg1.jpg" alt="" /></a>
                    <h4><a href="#myModal" data-toggle="modal">在“中国松茸产业发展高峰会”上，中国食用菌协会授予雅江“中国松茸之乡”称号。</a></h4>
                    <p>据悉，首届中国（雅江）松茸节以“走进松茸之乡，体验康巴文化”为活动主题。四川省、甘孜州各大媒体齐聚雅江，致力于将首届中国（雅江）中国松茸节更加全面、立体的展现在市民眼前。</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="col-md-6 news-left">
                <div class="w3-agile-news-date">
                    <div class="agile-news-icon">
                        <i class="fa fa-calendar" aria-hidden="true"></i>
                        <p>2014.08.03</p>
                    </div>
                    <div class="agileits-line"> </div>
                </div>
                <div class="w3-agile-news-img">
                    <a href="#myModal" data-toggle="modal"><img src="images/VCG21gic9775474.jpg" alt="" /></a>
                    <h4><a href="#myModal" data-toggle="modal">首届中国松茸节于8月3日在雅江中学操场隆重开幕。</a></h4>
                    <p>当前，雅江多措并举着力打造松茸品牌，助推雅江特色食用菌产业快速发展，拓展群众增收渠道，于今8月3日举办首届中国松茸节。</p>
                </div>
                <div class="clearfix"> </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //news -->

<!-- footer start here -->
<div class="footer-agile">
    <div class="container">
        <div class="footer-agileinfo">
            <!--友情链接开始-->
            <div class="col-md-3 col-sm-3 footer-wthree-grid">
                <h3>友情链接</h3>
                <ul>
                    <li><a href="http://www.cctv.com/"><span class="glyphicon glyphicon-menu-right"></span>中央电视台</a></li>
                    <li><a href="http://www.sina.com.cn/"><span class="glyphicon glyphicon-menu-right"></span> 新浪网</a></li>
                    <li><a href="http://www.abatour.com//"><span class="glyphicon glyphicon-menu-right"></span> 阿坝旅游</a></li>
                    <li><a href="http://www.yading.gov.cn/"><span class="glyphicon glyphicon-menu-right"></span> 稻城亚丁</a></li>
                    <li><a href="http://www.chinatibetnews.com/"><span class="glyphicon glyphicon-menu-right"></span>中国西藏新闻网</a></li>
                </ul>
            </div>
            <!--友情链接结束-->
            <!--微信二维码开始-->
            <div class="col-md-5 col-sm-5 footer-wthree-grid">
                <div class="agileits-w3layouts-tweets">
                    <h3>微信公众号</h3>
                </div>
                <p><img src="images/erweima.jpg" alt=""></p>
            </div>
            <!--微信二维码结束-->

            <div class="col-md-4 col-sm-4 footer-wthree-grid">
                <h3>微博公众号</h3>
                <p><img src="images/erweima.jpg" alt=""></p>
            </div>
            <div class="clearfix"> </div>
        </div>
        <!--版权所有开始-->
        <div class="copy-right">
            <p>版权所有&copy;另一视点团队</p>
        </div>
        <!--版权所有结束-->
    </div>
</div>
<!-- //footer end here -->
<!-- start-smooth-scrolling -->
<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/moment.js" type="text/javascript" charset="utf-8"></script>
<script src="js/templatemo-script.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
            event.preventDefault();

            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
</script>
<!-- //end-smooth-scrolling -->
<!-- smooth-scrolling-of-move-up -->
<script type="text/javascript">
    $(document).ready(function() {
        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<!-- //smooth-scrolling-of-move-up -->
<!-- bar-js -->
<script src="js/bars.js"></script>
<!-- //bar-js -->
<script src="js/bootstrap.js"></script>
</body>
</html>